<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全屋定制</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.8.3.min.js"></script>
</head>
<body>

<div class="content-box">

    <div class="head">
        <div class="visual-box">
            <div class="head-left clearfloat">
                <div class="head-logo">
                    <img src="img/logo.png" />
                </div>
                <div class="head-tel">
                    蓝光优居热线
                    <span>
                    400-8888-116
                </span>
                </div>

                <ul class="head-right">
                    <li class="click-login">
                        <i class="icon-1"></i>登录
                        <label></label>
                    </li>
                    <li class="click-register">
                        <i class="icon-2"></i>注册
                        <label></label>
                    </li>
                    <li>
                        <i class="icon-3"></i>设计师登录
                        <label></label>
                    </li>
                    <li class="top-qr-li">
                        <i class="icon-4"></i>微信公众号
                        <label></label>
                        <div class="top-qr">
                            <div class="top-qr-box">
                                <img src="img/qr.jpg" />
                                <p>
                                    悠生活U-life
                                </p>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="icon-5"></i>样板间地图
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-bg">
            <div class="visual-box">
                <ul class="nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="customized.html" class="active">全屋定制</a>
                    </li>
                    <li>
                        <a href="sheji.html">设计+</a>
                    </li>
                    <li>
                        <a href="#">居家风水</a>
                    </li>
                    <li>
                        <a href="#">家居金融</a>
                    </li>
                    <li>
                        <a href="#">优居热评</a>
                    </li>
                    <li>
                        <a href="#">品质检测</a>
                    </li>
                    <li>
                        <a href="#">悠生活商城</a>
                    </li>
                    <li>
                        <a href="#">红邮箱投诉</a>
                    </li>
                    <li class="nav-last-list">
                        已服务<span>012354</span>位业主
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <!--<div class="cust-banner"></div>-->
    <div class="visual-box">
        <div class="cust-content">
            <h3 class="cust-title">
                <strong>蓝光空港</strong>
                <label>
                    三居(135㎡)
                </label>
                <span class="lick-hover switch">
                    切换户型<i></i>
                </span>
                <i class="roam bt-hover"></i>
                <button class="select-houses">
                    选择更多楼盘<i></i>
                </button>
            </h3>
            <div class="category-box clearfloat">
                <div class="category-list ">
                    <a href="#">
                        栖系<label></label><span>基础精致</span>
                    </a>
                    <p>
                        ￥780/m2
                    </p>
                    <div class="tag">
                        <i class="tag-1"></i>
                    </div>
                </div>
                <div class="category-list active">
                    <a href="#">
                    悦系<label></label><span>用心专注</span>
                    </a>
                    <p>
                        ￥780/m2
                    </p>
                    <div class="tag">
                        <i class="tag-2"></i>
                    </div>
                </div>
                <div class="category-list">
                    <div class="rmtj_tip">
                        优居推荐爆款
                    </div>
                    <a href="#">
                    尊系<label></label><span>尊享高端</span>
                    </a>
                    <p>
                        ￥780/m2
                    </p>
                    <div class="tag">
                        <i class="tag-3"></i>
                    </div>
                </div>
                <div class="category-list">
                    <a href="#">
                        臻系<label></label><span>极致臻选</span>
                    </a>
                    <p>
                        ￥780/m2
                    </p>
                    <div class="tag">
                        <i class="tag-4"></i>
                    </div>
                </div>
            </div>

            <div class="series">
                <a href="#" class="active">
                    <span>基装系列<i></i></span>
                </a>
                <a href="#">
                    <span>升级包<i></i></span>
                </a>
                <a href="#">
                    <span>园艺包<i></i></span>
                </a>
            </div>

            <h2 class="series-title" text="五大空间，超值配置">
                五大空间，超值配置
            </h2>
            <p class="series-tip">
                客餐厅、卧室、厨房、卫生间、阳台五个家装空间，看得见的看不见的都是精品
            </p>
            <table width="100%" class="top-menu" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="active">
                        客餐厅
                        <i></i>
                    </td>
                    <td>
                        卧室
                        <i></i>
                    </td>
                    <td>
                        厨房
                        <i></i>
                    </td>
                    <td>
                        卫生间
                        <i></i>
                    </td>
                    <td>
                        阳台
                        <i></i>
                    </td>
                </tr>
            </table>
            <div>
                <!--<div class="left-menu">-->
                    <!--<div class="menu-list active">-->
                        <!--<i class="menu-icon-1"></i>客餐厅<label></label>-->
                    <!--</div>-->
                    <!--<div class="menu-list">-->
                        <!--<i class="menu-icon-2"></i>卧室<label></label>-->
                    <!--</div>-->
                    <!--<div class="menu-list">-->
                        <!--<i class="menu-icon-3"></i>厨房<label></label>-->
                    <!--</div>-->
                    <!--<div class="menu-list">-->
                        <!--<i class="menu-icon-4"></i>卫生间<label></label>-->
                    <!--</div>-->
                    <!--<div class="menu-list">-->
                        <!--<i class="menu-icon-5"></i>阳台<label></label>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="right-video">
                    <img src="img/cust-video.jpg" />
                    <a href="#" class="bt-hover"></a>
                </div>
            </div>

            <table class="material" cellpadding="0" cellspacing="0">
                <tr>
                    <th>
                        客餐厅包含项目
                    </th>
                    <th>
                        品牌
                    </th>
                    <th>
                        规格
                    </th>
                    <th>
                        数量
                    </th>
                </tr>
                <tr>
                    <td>
                        地面砖
                    </td>
                    <td>
                        蒙娜丽莎、箭牌
                    </td>
                    <td>
                        规格800x800mm，四种可选，每户限选一种砖
                    </td>
                    <td>
                        不限
                    </td>
                </tr>

                <tr>
                    <td>
                        暗装地脚线
                    </td>
                    <td>
                        箭牌
                    </td>
                    <td>
                        三色可选，标配所选地面砖
                    </td>
                    <td>
                        不限
                    </td>
                </tr>

                <tr>
                    <td>
                        过门石
                    </td>
                    <td>
                        高级定制
                    </td>
                    <td>
                        银白龙
                    </td>
                    <td>
                        不限
                    </td>
                </tr>

                <tr>
                    <td>
                        乳胶漆底漆/天花刷乳胶漆
                    </td>
                    <td>
                        多乐士
                    </td>
                    <td>
                        白色
                    </td>
                    <td>
                        不限
                    </td>
                </tr>

                <tr>
                    <td>
                        墙身刷乳胶漆
                    </td>
                    <td>
                        多乐士/ICI乳胶漆
                    </td>
                    <td>
                        全屋最多选2种颜色（含白色）
                    </td>
                    <td>
                        不限
                    </td>
                </tr>

                <tr>
                    <td>
                        石膏线
                    </td>
                    <td>
                        高级定制
                    </td>
                    <td>
                        2440x105mm
                    </td>
                    <td>
                        不限
                    </td>
                </tr>
            </table>
            <button class="cust-btn bt-hover">
                立即订购
            </button>
            <h2 class="series-title" text="极致严选，一线品牌主辅材">
                极致严选，一线品牌主辅材
            </h2>
            <p class="series-tip">
                全球选购，品牌直供，去中间溢价
            </p>
            <img src="img/cust-brand.jpg" class="cust-brand" />
        </div>
    </div>


    <div class="footer">
        <div class="visual-box clearfloat">
            <div class="footer-left clearfloat">
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            品牌实力
                        </dt>
                        <dd>
                            <a href="#">品牌介绍</a>
                        </dd>
                        <dd>
                            <a href="#">企业文化</a>
                        </dd>
                        <dd>
                            <a href="#">全国布局</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            V8生活家
                        </dt>
                        <dd>
                            <a href="#">硬包装</a>
                        </dd>
                        <dd>
                            <a href="#">软包装</a>
                        </dd>
                        <dd>
                            <a href="#">智能家居</a>
                        </dd>
                        <dd>
                            <a href="#">家庭园艺</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品服务
                        </dt>
                        <dd>
                            <a href="#">高端定制服务</a>
                        </dd>
                        <dd>
                            <a href="#">服务理念</a>
                        </dd>
                        <dd>
                            <a href="#">设计名家</a>
                        </dd>
                        <dd>
                            <a href="#">预定装修</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品优势
                        </dt>
                        <dd>
                            <a href="#">六大优势</a>
                        </dd>
                        <dd>
                            <a href="#">品牌合作伙伴</a>
                        </dd>

                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>
                            <a href="#">联系方式</a>
                        </dd>
                        <dd>
                            <a href="#">在线咨询</a>
                        </dd>

                    </dl>
                </div>
            </div>
            <div class="footer-right">
                <div class="service-list">
                    <p>
                        全国客户服务热线
                    </p>
                    <div>
                        028-8780-1675
                    </div>
                    <i></i>
                </div>
                <div class="email">
                    邮编：611731
                </div>
                <div class="email">
                    地址：中国    成都    高新西区    新创路2号附10号
                </div>
                <div class="copyright">
                    ©2017 WWW.BRC-BEEI.COM ALL RIGHTS RESERVED
                </div>
                <div class="qr-box">
                    <img src="img/qr.jpg" />
                    <p>
                        关注蓝光官方微信
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="search-results" id="huxing">
    <div class="search-results-mask"></div>
    <div class="results-wrapper">
        <a class="search-return" href="javascript:;">×</a>
        <div class="j-temp-container">
            <div class="search-panel">
                <h1>户型搜索</h1>
                <div class="search-wrap">
                    <div class="search-form clearfloat">
                        <div class="sel-city fl filter-item">
                            <a href="javascript:;" class="city j_city fl tc p-tc addres-val"><span data-token="china">成都</span><i class="icon-sel-city border-arrow"></i></a>
                            <div class="j_pop-up box-shadow">
                                <div class="pop-hd">当前定位到：<span class="cur-city pop-val">成都</span></div>
                                <ul class="zxcity clearfloat">
                                    <li class="item" data-id="0" data-token="china"><span>全国</span></li>
                                    <li class="item" data-id="11" data-token="beijing"><span>北京</span></li>
                                    <li class="item" data-id="31" data-token="shanghai"><span>上海</span></li>
                                    <li class="item" data-id="50" data-token="chongqing"><span>重庆</span></li>
                                    <li class="item" data-id="12" data-token="tianjin"><span>天津</span></li>
                                </ul>
                                <ul class="province clearfloat">
                                    <li class="item p-item" data-id="44"><span>广东</span></li>
                                    <li class="item p-item" data-id="32"><span>江苏</span></li>
                                    <li class="item p-item" data-id="33"><span>浙江</span></li>
                                    <li class="item p-item" data-id="37"><span>山东</span></li>
                                    <li class="item p-item" data-id="13"><span>河北</span></li>
                                    <li class="item p-item" data-id="41"><span>河南</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                    <li class="item p-item" data-id="35"><span>福建</span></li>
                                    <li class="item p-item" data-id="42"><span>湖北</span></li>
                                    <li class="item p-item" data-id="51"><span class="active">四川</span></li>
                                    <li class="item p-item" data-id="21"><span>辽宁</span></li>
                                    <li class="item p-item" data-id="43"><span>湖南</span></li>
                                    <li class="item p-item" data-id="34"><span>安徽</span></li>
                                    <li class="sub-items fl" style="display: list-item;">
                                        <ul>
                                            <li class="item" data-id="23" data-pid="23" data-token="四川"><span class="">全部</span></li>
                                            <li class="item" data-id="385" data-pid="23" data-token="chengdu"><span class="active">成都</span></li>
                                            <li class="item" data-id="386" data-pid="23" data-token="zigong"><span class="">自贡</span></li>
                                            <li class="item" data-id="387" data-pid="23" data-token="pzh"><span class="">攀枝花</span></li>
                                            <li class="item" data-id="388" data-pid="23" data-token="luzhou"><span class="">泸州</span></li>
                                            <li class="item" data-id="389" data-pid="23" data-token="deyang"><span class="">德阳</span></li>
                                            <li class="item" data-id="390" data-pid="23" data-token="mianyang"><span class="">绵阳</span></li>
                                            <li class="item" data-id="391" data-pid="23" data-token="guangy"><span class="">广元</span></li>
                                            <li class="item" data-id="392" data-pid="23" data-token="suining"><span class="">遂宁</span></li>
                                            <li class="item" data-id="393" data-pid="23" data-token="neijiang"><span class="">内江</span></li>
                                            <li class="item" data-id="394" data-pid="23" data-token="leshan"><span class="">乐山</span></li>
                                            <li class="item" data-id="395" data-pid="23" data-token="nanchong"><span class="">南充</span></li>
                                            <li class="item" data-id="396" data-pid="23" data-token="meishan"><span class="">眉山</span></li>
                                            <li class="item" data-id="397" data-pid="23" data-token="yibin"><span class="">宜宾</span></li>
                                            <li class="item" data-id="398" data-pid="23" data-token="guangan"><span class="">广安</span></li>
                                            <li class="item" data-id="399" data-pid="23" data-token="dazhou"><span class="">达州</span></li>
                                            <li class="item" data-id="400" data-pid="23" data-token="yaan"><span class="">雅安</span></li>
                                            <li class="item" data-id="401" data-pid="23" data-token="bazhong"><span class="">巴中</span></li>
                                            <li class="item" data-id="402" data-pid="23" data-token="ziyang"><span class="">资阳</span></li>
                                            <li class="item" data-id="403" data-pid="23" data-token="aba"><span class="">阿坝</span></li>
                                            <li class="item" data-id="404" data-pid="23" data-token="ganzi"><span class="">甘孜</span></li>
                                            <li class="item" data-id="405" data-pid="23" data-token="liangsh"><span class="">凉山</span></li>
                                        </ul>
                                    </li>
                                    <li class="item p-item" data-id="61"><span>陕西</span></li>
                                    <li class="item p-item" data-id="45"><span>广西</span></li>
                                    <li class="item p-item" data-id="14"><span>山西</span></li>
                                    <li class="item p-item" data-id="23"><span>黑龙江</span></li>
                                    <li class="item p-item" data-id="36"><span>江西</span></li>
                                    <li class="item p-item" data-id="22"><span>吉林</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                    <li class="item p-item" data-id="52"><span>贵州</span></li>
                                    <li class="item p-item" data-id="15"><span>内蒙古</span></li>
                                    <li class="item p-item" data-id="65"><span>新疆</span></li>
                                    <li class="item p-item" data-id="53"><span>云南</span></li>
                                    <li class="item p-item" data-id="62"><span>甘肃</span></li>
                                    <li class="item p-item" data-id="46"><span>海南</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                    <li class="item p-item" data-id="64"><span>宁夏</span></li>
                                    <li class="item p-item" data-id="81"><span>香港</span></li>
                                    <li class="item p-item" data-id="63"><span>青海</span></li>
                                    <li class="item p-item" data-id="71"><span>台湾</span></li>
                                    <li class="item p-item" data-id="54"><span>西藏</span></li>
                                    <li class="item p-item" data-id="82"><span>澳门</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="search fl">
                            <input class="j_FpSearchQuery field fl" type="text" placeholder="输入楼盘名/小区" value="">
                            <a href="javascript:;" class="btn btn-sub btn-fp-search fl fs14 j-jump-to-result"><span class="iconfont icon-search"></span>搜索</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="search-results" id="loupan">
    <div class="search-results-mask"></div>
    <div class="results-wrapper">
        <a class="search-return" href="javascript:;">×</a>
        <div class="j-temp-container">
            <div class="reside-top-wrapper">
                <div class="reside-top">
                    <div class="top-bd clearfloat">
                        <div class="search-wrap clearfloat">
                            <div class="sel-city fl filter-item">
                                <a href="javascript:;" class="city j_city fl tc addres-val">
                                    <span data-token="china">成都</span>
                                    <i class="icon-sel-city border-arrow"></i>
                                </a>




                                <div class="j_pop-up box-shadow">
                                    <div class="pop-hd">
                                        当前定位到：<span class="cur-city pop-val">成都</span>
                                    </div>
                                    <ul class="zxcity clearfloat">
                                        <li class="item" data-id="0" data-token="china"><span>全国</span></li>
                                        <li class="item" data-id="1" data-token="beijing"><span>北京</span></li>
                                        <li class="item" data-id="9" data-token="shanghai"><span>上海</span></li>
                                        <li class="item" data-id="22" data-token="chongqing"><span>重庆</span></li>
                                        <li class="item" data-id="2" data-token="tianjin"><span>天津</span></li>
                                    </ul>

                                    <ul class="province clearfloat">
                                        <li class="item p-item" data-id="44"><span>广东</span></li>
                                        <li class="item p-item" data-id="32"><span>江苏</span></li>
                                        <li class="item p-item" data-id="33"><span>浙江</span></li>
                                        <li class="item p-item" data-id="37"><span>山东</span></li>
                                        <li class="item p-item" data-id="13"><span>河北</span></li>
                                        <li class="item p-item" data-id="41"><span>河南</span></li>
                                        <li class="sub-items fl" style="display: none;">
                                            <ul></ul>
                                        </li>
                                        <li class="item p-item" data-id="35"><span>福建</span></li>
                                        <li class="item p-item" data-id="42"><span>湖北</span></li>
                                        <li class="item p-item" data-id="51"><span class="active">四川</span></li>
                                        <li class="item p-item" data-id="21"><span>辽宁</span></li>
                                        <li class="item p-item" data-id="43"><span>湖南</span></li>
                                        <li class="item p-item" data-id="34"><span>安徽</span></li>
                                        <li class="sub-items fl" style="display: list-item;">
                                            <ul>
                                                <li class="item" data-id="23" data-pid="23" data-token="四川"><span class="">全部</span></li>
                                                <li class="item" data-id="385" data-pid="23" data-token="chengdu"><span class="active">成都</span></li>
                                                <li class="item" data-id="386" data-pid="23" data-token="zigong"><span class="">自贡</span></li>
                                                <li class="item" data-id="387" data-pid="23" data-token="pzh"><span class="">攀枝花</span></li>
                                                <li class="item" data-id="388" data-pid="23" data-token="luzhou"><span class="">泸州</span></li>
                                                <li class="item" data-id="389" data-pid="23" data-token="deyang"><span class="">德阳</span></li>
                                                <li class="item" data-id="390" data-pid="23" data-token="mianyang"><span class="">绵阳</span></li>
                                                <li class="item" data-id="391" data-pid="23" data-token="guangy"><span class="">广元</span></li>
                                                <li class="item" data-id="392" data-pid="23" data-token="suining"><span class="">遂宁</span></li>
                                                <li class="item" data-id="393" data-pid="23" data-token="neijiang"><span class="">内江</span></li>
                                                <li class="item" data-id="394" data-pid="23" data-token="leshan"><span class="">乐山</span></li>
                                                <li class="item" data-id="395" data-pid="23" data-token="nanchong"><span class="">南充</span></li>
                                                <li class="item" data-id="396" data-pid="23" data-token="meishan"><span class="">眉山</span></li>
                                                <li class="item" data-id="397" data-pid="23" data-token="yibin"><span class="">宜宾</span></li>
                                                <li class="item" data-id="398" data-pid="23" data-token="guangan"><span class="">广安</span></li>
                                                <li class="item" data-id="399" data-pid="23" data-token="dazhou"><span class="">达州</span></li>
                                                <li class="item" data-id="400" data-pid="23" data-token="yaan"><span class="">雅安</span></li>
                                                <li class="item" data-id="401" data-pid="23" data-token="bazhong"><span class="">巴中</span></li>
                                                <li class="item" data-id="402" data-pid="23" data-token="ziyang"><span class="">资阳</span></li>
                                                <li class="item" data-id="403" data-pid="23" data-token="aba"><span class="">阿坝</span></li>
                                                <li class="item" data-id="404" data-pid="23" data-token="ganzi"><span class="">甘孜</span></li>
                                                <li class="item" data-id="405" data-pid="23" data-token="liangsh"><span class="">凉山</span></li>
                                            </ul>
                                        </li>
                                        <li class="item p-item" data-id="61"><span>陕西</span></li>
                                        <li class="item p-item" data-id="45"><span>广西</span></li>
                                        <li class="item p-item" data-id="14"><span>山西</span></li>
                                        <li class="item p-item" data-id="23"><span>黑龙江</span></li>
                                        <li class="item p-item" data-id="36"><span>江西</span></li>
                                        <li class="item p-item" data-id="22"><span>吉林</span></li>
                                        <li class="sub-items fl" style="display: none;">
                                            <ul></ul>
                                        </li>
                                        <li class="item p-item" data-id="52"><span>贵州</span></li>
                                        <li class="item p-item" data-id="15"><span>内蒙古</span></li>
                                        <li class="item p-item" data-id="65"><span>新疆</span></li>
                                        <li class="item p-item" data-id="53"><span>云南</span></li>
                                        <li class="item p-item" data-id="62"><span>甘肃</span></li>
                                        <li class="item p-item" data-id="46"><span>海南</span></li>
                                        <li class="sub-items fl" style="display: none;">
                                            <ul></ul>
                                        </li>
                                        <li class="item p-item" data-id="64"><span>宁夏</span></li>
                                        <li class="item p-item" data-id="81"><span>香港</span></li>
                                        <li class="item p-item" data-id="63"><span>青海</span></li>
                                        <li class="item p-item" data-id="71"><span>台湾</span></li>
                                        <li class="item p-item" data-id="54"><span>西藏</span></li>
                                        <li class="item p-item" data-id="82"><span>澳门</span></li>
                                        <li class="sub-items fl" style="display: none;">
                                            <ul></ul>
                                        </li>
                                    </ul>

                                </div>
                            </div>


                            <div class="search fl">
                                    <input class="j_FpSearchQuery field fl" type="text" placeholder="输入楼盘名/小区" value="">
                                    <a href="javascript:;" class="btn btn-sub btn-fp-search fl fs14 j_search-btn bt-hover"><span class="iconfont icon-search"></span>搜索</a>
                                </div>
                            <div class="desc fl">为您找到<span class="num">199</span>张符合要求的户型图</div>
                        </div>

                        <!--
                        <div class="fr-search-maybe clearfix mt10 fs14">
                                <div class="fl J_suggestKey"></div>
                        </div>
                        -->
                    </div>
                </div>
            </div>
            <div class="bd">
                <div class="fp-search-list">
                    <div class="hx-list-wrapper custom-scrollbar-light">
                        <div class="hx-list">
                            <div class="hx-item" href="javascript:;" data-planid="3FO4JCG1O8F1" data-planname="中德英伦联邦" data-index="0">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2017/02/LCZJ2MYKAEDGUAPEAAAAABA8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>165㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JY9W1UA7" data-planname="中德英伦联邦" data-index="1">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/07/K6DCBSQKAEDGUFDEAAAAABY8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>133㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JY0VQ45P" data-planname="中德英伦联邦" data-index="2">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/07/K56JP7AKAEDGUVOCAAAAABY8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>93㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JU9YY3WV" data-planname="中德英伦联邦" data-index="3">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/06/14/K5P3AZIK7PZVEMM2AAAAADI82852633reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>119㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JU9YBD53" data-planname="中德英伦联邦" data-index="4">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/06/14/K5P2GNIK7PZCCZRWAAAAAEA81724655reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>130㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JU9YEIH1" data-planname="中德英伦联邦" data-index="5">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/06/16/K5RKZ6IK7PZCC2XAAAAAADQ82927260reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>141㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JGXYJEC3" data-planname="中德英伦联邦" data-index="6">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/05/K45H5LIKAEDGUF3IAAAAACY8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>110㎡</span><span class="ml10"></span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JGXYJHO4" data-planname="中德英伦联邦" data-index="7">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/05/K45H5LIKAEDGUF3IAAAAACI8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>131㎡</span><span class="ml10">二居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KDPM81AB" data-planname="中德英伦联邦" data-index="8">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2015/06/KWFXDKYKAEBKMMKCBY888888_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>196㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEELYJ" data-planname="中德英伦联邦" data-index="9">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJWQK7PZCC4NKAAAAABI82344773reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>153㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEEW0M" data-planname="中德英伦联邦" data-index="10">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64ELZIKUHQA4VZ3AAAAAAQ83937813reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>135㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEEPBK" data-planname="中德英伦联邦" data-index="11">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJWAKOULTYKEBAAAAACY82586098reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>189㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEESNL" data-planname="中德英伦联邦" data-index="12">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJUYKUHP5KFCXAAAAAEI82285765reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>113㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEDQVA" data-planname="中德英伦联邦" data-index="13">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64ELZIKUHQA4VZ3AAAAAAI83239288reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>122㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEDNJ9" data-planname="中德英伦联邦" data-index="14">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJWQK7PZCC4NKAAAAAAY82761782reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>179㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>
    </div>
</div>


<div class="login">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            登录
            <a href="#" class="click-register lick-hover">
                注册
            </a>
        </h2>
        <div class="login-input">
            <input type="text" name="" placeholder="请输入账号" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请输入密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
            <a href="#">
                忘记密码？
            </a>
        </p>

        <button class="login-bt">
            登录
        </button>
    </div>
</div>

<div class="login register">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            注册
            <a href="#" class="click-login lick-hover">
                登录
            </a>
        </h2>
        <div class="login-input warning">
            <input type="text" name="" placeholder="请输入手机号" value="13856458978" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请设置密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <div class="login-input phone-number">
            <input type="text" name="" placeholder="请输入手机验证码" value="" />
            <i class="icon-number" yClass="icon-number-1"></i>
            <button>
                发送验证码
            </button>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
        </p>
        <p class="agreement">
            <i><input type="checkbox" name="" checked /></i>已阅读并同意<a href="#" target="_blank">《蓝光优居用户使用协议》</a>
        </p>
        <button class="login-bt">
            注册
        </button>
    </div>
</div>

</body>
<script src="js/address-json.js"></script>
<script src="js/app.js"></script>

</html>